<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>选项卡</title>
    <link rel="stylesheet" href="/web/layui/css/layui.css">
    <link rel="stylesheet" href="/web/static/css/style.css">
    <link rel="stylesheet" href="/web/static/css/acc_detail.css">
    <link rel="icon" href="/web/static/image/code.png">
</head>
<body class="body">

<div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
    <ul class="layui-tab-title">
        <li class="layui-this">基本资料</li>
        <li>套餐信息</li>
        <li>钱包流水</li>
        <li>白名单</li>
        <a href="/account" class="layui-btn layui-btn-small layui-btn-primary return" style="border: none"><i class="layui-icon">&#xe65a;</i>返回列表<i class="layui-icon">&#xe65b;</i></a>
    </ul>
    <div class="layui-tab-content">
        <div class="layui-tab-item layui-show">
            <div class="detail-content">
                <div class="layui-form-item">
                    <label class="layui-form-label">用户名：</label>
                    <div class="layui-input-block">
                        <input class="layui-input" id="username" value="" disabled>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">手机号：</label>
                    <div class="layui-input-block">
                        <input class="layui-input" id="mobile" value="" disabled>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">微信：</label>
                    <div class="layui-input-block">
                        <input class="layui-input" id="wechat" value="" disabled>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">钱包余额：</label>
                    <div class="layui-input-block">
                        <input class="layui-input" id="balance" value="" disabled>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">状态：</label>
                    <div class="layui-input-block">
                        <input class="layui-input" id="status" value="" disabled>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">用户来源：</label>
                    <div class="layui-input-block">
                        <input class="layui-input" id="from" value="" disabled>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">备注：</label>
                    <div class="layui-input-block">
                        <input class="layui-input" id="remark" value="" disabled>
                    </div>
                </div>

            </div>
            <button class="layui-btn recharge">充值</button>
            <button class="layui-btn layui-btn-normal reset">重置密码</button>
            <button class="layui-btn layui-btn-danger frozen">冻结用户</button>
        </div>
        <div class="layui-tab-item">
            <div class="layui-tab layui-tab-brief" lay-filter="package">
                <ul class="layui-tab-title">
                    <li class="layui-this">时长套餐</li>
                    <li>包量套餐</li>

                    <a class="layui-btn layui-btn-small layui-btn-default set_meal_add" style="
                       margin-left: 10px;">添加套餐</a>
                    <a class="layui-btn btn-add layui-btn-primary" id="btn-refresh"><i class="layui-icon">&#x1002;</i></a>
                </ul>
                <div class="layui-tab-content">
                    <div class="layui-tab-item layui-show">
                        <div id="time_package">
                            <table class="layui-table" id="time_pack_data" lay-filter="time_pack_data"></table>
                        </div>
                    </div>
                    <div class="layui-tab-item">

                        <div id="num_package">
                            <table class="layui-table" id="num_pack_data" lay-filter="num_pack_data"></table>
                        </div>
                    </div>
                </div>
            </div>

        </div>
        <div class="layui-tab-item">
            <div id="wallet">
                <table class="layui-table" id="wallet_data" lay-filter="wallet_data"></table>
            </div>
        </div>
        <div class="layui-tab-item">
            <div id="wallet">
                <table class="layui-table" id="white_list" lay-filter="white_list"></table>
            </div>
        </div>
    </div>
</div>

</body>
<!-- 充值-->
<div class="acc_recharge" >
    <form class="layui-form max-auto" action="" onclick="return false">
        <div class="layui-form-item">
            <label class="layui-form-label">充值金额</label>
            <div class="layui-input-block">
                <input type="text" name="order_price" required lay-verify="required" placeholder="请输入充值金额"
                       autocomplete="off" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">到账金额</label>
            <div class="layui-input-block">
                <input type="text" name="actual_price" required lay-verify="required" placeholder="请输入金额"
                       autocomplete="off" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">订单编号</label>
            <div class="layui-input-block">
                <input type="text" name="serial_number" id="serial_number" required lay-verify="required" disabled
                       autocomplete="off" class="layui-input serial_number" >
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">支付方式</label>
            <div class="layui-input-block">
                <input type="radio" name="pay_type" value="1" title="支付宝" checked>
                <input type="radio" name="pay_type" value="2" title="微信" >
                {{--<input type="radio" name="pay_type" value="3" title="其他" >--}}
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-input-block">
                <button class="layui-btn" lay-submit lay-filter="acc_recharge">立即提交</button>
                <button type="reset" class="layui-btn layui-btn-primary layui-layer-close">取消</button>
            </div>
        </div>
    </form>
</div>

<!-- 修改会员状态-->
<div class="acc_update">
    <form class="layui-form max-auto" action="" onclick="return false">
        <div class="layui-form-item">
            <div class="layui-input-block">
                <input type="radio" name="frozen_flag" value="1" title="冻结" >
                <input type="radio" name="frozen_flag" value="0" title="正常" >
                {{--<input type="radio" name="status" value="0" title="下线" >--}}
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-input-block">
                <button class="layui-btn layui-btn-small" lay-submit lay-filter="acc_update">确定</button>
                <button type="reset" class="layui-btn layui-btn-mini layui-btn-primary layui-layer-close">取消</button>
            </div>
        </div>
    </form>
</div>

<!-- 重置密码-->
<div class="reset_pass" >
    <form class="layui-form max-auto" action="" onclick="return false">

        <div class="layui-form-item">
            <label class="layui-form-label">新密码</label>
            <div class="layui-input-block">
                <input type="password" name="password" id="password" required lay-verify="required" placeholder="请输入新密码"
                       autocomplete="off" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">确认密码</label>
            <div class="layui-input-block">
                <input type="password" name="confirm_password" id="new_pass" required lay-verify="required" placeholder="请再次输入新密码"
                       autocomplete="off" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-input-block">
                <button class="layui-btn" lay-submit lay-filter="reset_pass">立即提交</button>
                <button type="reset" class="layui-btn layui-btn-primary layui-layer-close">取消</button>
            </div>
        </div>
    </form>
</div>

<!-- 时长套餐续费-->
<div class="renew">
    <form class="layui-form max-auto" action="" onclick="return false">
        <input type="hidden" name="p_id" id="p_id" val="">
        <input type="hidden" name="set_meal_type" id="set_meal_type" value="1">
        <div class="layui-form-item">
            <label class="layui-form-label">订单编号</label>
            <div class="layui-input-block">
                <input type="text" name="serial_number" id="pro_order_renew" required lay-verify="required" disabled
                       autocomplete="off" class="layui-input" >
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">续费天数</label>
            <div class="layui-input-block">
                <input type="number" name="date" required lay-verify="required" placeholder="请输入续费天数"
                       autocomplete="off" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">订单金额</label>
            <div class="layui-input-block">
                <input type="text" name="price" required lay-verify="required" placeholder="请输入订单金额"
                       autocomplete="off" class="layui-input">
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label">支付方式</label>
            <div class="layui-input-block">
                <input type="radio" name="pay_type" value="1" title="支付宝" checked>
                <input type="radio" name="pay_type" value="2" title="微信" >
                <input type="radio" name="pay_type" value="3" title="其他" >
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-input-block">
                <button class="layui-btn" lay-submit lay-filter="acc_renew">立即提交</button>
                <button type="reset" class="layui-btn layui-btn-primary layui-layer-close">取消</button>
            </div>
        </div>
    </form>
</div>


<!-- 用户套餐添加-->
<div class="add_time_package">
    <form class="layui-form max-auto" action="" onclick="return false">
        <div class="layui-form-item">
            <label class="layui-form-label">订单编号</label>
            <div class="layui-input-block">
                <input type="text" name="serial_number" id="user_meal_add" required lay-verify="required" disabled
                       autocomplete="off" class="layui-input" >
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">套餐类型</label>
            <div class="layui-input-block">
                <input type="radio" name="set_meal_type" value="1" title="时长套餐" checked>
                <input type="radio" name="set_meal_type" value="2" title="按量套餐" >
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">选择套餐</label>
            <div class="layui-input-block">
                <select name="set_meal_id" lay-verify="required">
                    @if($packlist['set_meal_time'])
                        @foreach($packlist['set_meal_time'] as $k=>$v)
                            <option value='{{ $v['id'] }}'>{{ $v['product_name']}}  &nbsp;  &nbsp;</option >
                        @endforeach
                    @endif
                    @if($packlist['set_meal_number'])
                        @foreach($packlist['set_meal_number'] as $k=>$v)
                            <option value='{{ $v['id'] }}'>{{ $v['product_name']}}  &nbsp;  &nbsp;</option >
                        @endforeach
                    @endif
                </select>
            </div>
        </div>
        <div class="layui-form-item" >
            <label class="layui-form-label">ip数量</label>
            <div class="layui-input-block">
                <input type="number" name="number" required lay-verify="required" title="时长套餐为单日数量，包量套餐为总量" placeholder="请输入ip提取数量"
                       autocomplete="off" class="layui-input" value="1500">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">订单金额</label>
            <div class="layui-input-block">
                <input type="text" name="price" required lay-verify="required" placeholder="请输入订单金额"
                       autocomplete="off" class="layui-input">
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label">支付方式</label>
            <div class="layui-input-block">
                <input type="radio" name="payment_channel" value="1" title="支付宝" checked>
                <input type="radio" name="payment_channel" value="2" title="微信" >
                <input type="radio" name="payment_channel" value="3" title="其他" >
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-input-block">
                <button class="layui-btn" lay-submit lay-filter="add_package">立即提交</button>
                <button type="reset" class="layui-btn layui-btn-primary layui-layer-close">取消</button>
            </div>
        </div>
    </form>
</div>

<!-- 时长套餐修改-->
<div class="edit_time">
    <form class="layui-form max-auto" action="" onclick="return false">
        <input type="hidden" name="p_id" id="m_id" val="">
        <input type="hidden" name="set_meal_type" value="1">
        <div class="layui-form-item">
            <label class="layui-form-label">订单编号</label>
            <div class="layui-input-block">
                <input type="text" name="serial_number" id="pro_order_edit" required lay-verify="required" disabled
                       autocomplete="off" class="layui-input" >
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">ip有效时长</label>
            <div class="layui-input-block">
                <select name="time_type" lay-verify="required">
                    @if($data['time_type'])
                        @foreach($data['time_type'] as $k=>$v)
                            <option value='{{ $v['id'] }}'>{{ $v['start_time'].'-' . $v['end_time']. '分钟'}}  &nbsp;  &nbsp;</option >
                        @endforeach
                    @endif
                </select>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">数量 / 日</label>
            <div class="layui-input-block">
                <input type="number" name="daily_limit_num" id="day_num" placeholder="请输入单日提取数量"
                       autocomplete="off" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">数量 / 次</label>
            <div class="layui-input-block">
                <input type="number" name="request_num" id="time_num" placeholder="请输入单次提取数量"
                       autocomplete="off" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">频率(秒/次)</label>
            <div class="layui-input-block">
                <input type="number" name="request_time" id="req_time" placeholder="请输入提取频率(秒/次)"
                       autocomplete="off" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">订单金额</label>
            <div class="layui-input-block">
                <input type="text" name="price" required lay-verify="required" placeholder="请输入订单金额"
                       autocomplete="off" class="layui-input">
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label">支付方式</label>
            <div class="layui-input-block">
                <input type="radio" name="pay_type" value="1" title="支付宝" checked>
                <input type="radio" name="pay_type" value="2" title="微信" >
                <input type="radio" name="pay_type" value="3" title="其他" >
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-input-block">
                <button class="layui-btn" lay-submit lay-filter="edit_time">立即提交</button>
                <button type="reset" class="layui-btn layui-btn-primary layui-layer-close">取消</button>
            </div>
        </div>
    </form>
</div>

<!-- 包量套餐加量-->
<div class="add_num">
    <form class="layui-form max-auto" action="" onclick="return false">
        <input type="hidden" name="p_id" id="n_id" val="">
        <input type="hidden" name="set_meal_type" value="2">
        <div class="layui-form-item">
            <label class="layui-form-label">订单编号</label>
            <div class="layui-input-block">
                <input type="text" name="serial_number" id="re_order_add_num" required lay-verify="required" disabled
                       autocomplete="off" class="layui-input" >
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">添加ip数量</label>
            <div class="layui-input-block">
                <input type="number" name="number" required lay-verify="required" placeholder="请输入添加ip数量"
                       autocomplete="off" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">订单金额</label>
            <div class="layui-input-block">
                <input type="text" name="price" required lay-verify="required" placeholder="请输入订单金额"
                       autocomplete="off" class="layui-input">
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label">支付方式</label>
            <div class="layui-input-block">
                <input type="radio" name="pay_type" value="1" title="支付宝" checked>
                <input type="radio" name="pay_type" value="2" title="微信" >
                <input type="radio" name="pay_type" value="3" title="其他" >
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-input-block">
                <button class="layui-btn" lay-submit lay-filter="add_num">立即提交</button>
                <button type="reset" class="layui-btn layui-btn-primary layui-layer-close">取消</button>
            </div>
        </div>
    </form>
</div>

<!-- 包量套餐修改-->
<div class="edit_num" >
    <form class="layui-form max-auto" action="" onclick="return false">
        <input type="hidden" name="p_id" id="e_id" val="">
        <input type="hidden" name="set_meal_type" value="2">
        <div class="layui-form-item">
            <label class="layui-form-label">订单编号</label>
            <div class="layui-input-block">
                <input type="text" name="serial_number" id="re_order_edit" required lay-verify="required" disabled
                       autocomplete="off" class="layui-input" >
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">ip有效时长</label>
            <div class="layui-input-block">
                <select name="time_type" lay-verify="required">
                    @if($data['time_type'])
                        @foreach($data['time_type'] as $k=>$v)
                            <option value='{{ $v['id'] }}'>{{ $v['start_time'].'-' . $v['end_time']. '分钟'}}  &nbsp;  &nbsp;</option >
                        @endforeach
                    @endif
                </select>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">数量 / 次</label>
            <div class="layui-input-block">
                <input type="number" name="request_num" id="time_num1" placeholder="请输入单次最大提取数量"
                       autocomplete="off" class="layui-input" value="200">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">频率(秒/次)</label>
            <div class="layui-input-block">
                <input type="number" name="request_time" id="req_time1" placeholder="请输入提取频率(秒/次)"
                       autocomplete="off" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">订单金额</label>
            <div class="layui-input-block">
                <input type="text" name="price" required lay-verify="required" placeholder="请输入订单金额"
                       autocomplete="off" class="layui-input">
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label">支付方式</label>
            <div class="layui-input-block">
                <input type="radio" name="pay_type" value="1" title="支付宝" checked>
                <input type="radio" name="pay_type" value="2" title="微信" >
                <input type="radio" name="pay_type" value="3" title="其他" >
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-input-block">
                <button class="layui-btn" lay-submit lay-filter="edit_num">立即提交</button>
                <button type="reset" class="layui-btn layui-btn-primary layui-layer-close">取消</button>
            </div>
        </div>
    </form>
</div>

<input type="hidden" name="u_id" id="user_id" val="">
<input type="hidden" name="_token" id="_token" value="<?php echo csrf_token(); ?>">
<script type="text/javascript" src="/web/layui/layui.js"></script>
<script type="text/javascript" src="/web/index.js"></script>
<script type="text/javascript" src="/web/static/js/account/acc_detail.js"></script>

<!-- 表格操作按钮集 -->
<script type="text/html" id="renew">
    <a class="layui-btn layui-btn-mini tool-btn" lay-event="renew">续费</a>
    <a class="layui-btn layui-btn-mini layui-btn-normal tool-btn" lay-event="edit_time_pack">修改</a>
</script>

<script type="text/html" id="edit_num_pack">
    <a class="layui-btn layui-btn-mini tool-btn" lay-event="add_num">加量</a>
    <a class="layui-btn layui-btn-mini layui-btn-normal tool-btn" lay-event="edit_num_pack">修改</a>
</script>


</html>